<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>CSS实现二级导航菜单</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <div class="menu">
        <div class="nav">
            <ul>
                <li>
                    <a href="#">一级菜单1</a>
                    <ol>
                        <li><a href="#">二级菜单11</a></li>
                        <li><a href="#">二级菜单12</a></li>
                        <li><a href="#">二级菜单13</a></li>
                    </ol>
                </li>
                <li>
                    <a href="#">一级菜单2</a>
                    <ol>
                        <li><a href="#">二级菜单21</a></li>
                        <li><a href="#">二级菜单22</a></li>
                        <li><a href="#">二级菜单23</a></li>
                        <li><a href="#">二级菜单24</a></li>
                        <li><a href="#">二级菜单25</a></li>
                    </ol>
                </li>
                <li>
                    <a href="#">一级菜单3</a>
                    <ol>
                        <li><a href="#">二级菜单31</a></li>
                        <li><a href="#">二级菜单32</a></li>
                    </ol>
                </li>
                <li>
                    <a href="#">一级菜单4</a>
                    <ol>
                        <li><a href="#">二级菜单41</a></li>
                        <li><a href="#">二级菜单42</a></li>
                        <li><a href="#">二级菜单43</a></li>
                        <li><a href="#">二级菜单44</a></li>
                    </ol>
                </li>
                <li>
                    <a href="#">一级菜单5</a>
                    <ol>
                        <li><a href="#">二级菜单51</a></li>
                        <li><a href="#">二级菜单52</a></li>
                    </ol>
                </li>
                <!-- <li class="underline"></li> -->
            </ul>
        </div>
    </div>
</body>
</html>
